<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        
    </title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        body{
            background-size: 1528px 1117px
            ;
            background-position: center top;
            background-repeat: no-repeat;
            background-image: url(https://imgcache.gtimg.cn/ACT/svip_act/act_img/toeshe/201601/1452587517_bg_index.jpg);
        }
        .box{
            
            width: 1528px;
            height: 90px;
            background-color: rgba(15, 15, 15,0.5);
        }
        .container{
            width: 1000px ;
            height: 90px;
            margin: 0  auto;
        }
        img{
            float: left;
         margin-right: 10px;
          
            width: 149px;
            height: 90px;
        }
        .menu{
            
            text-align: center;
            list-style-type: none;
            float: left;
           color: rgb(252, 248, 248);
        }
       .menu li{
            
            display: inline-block;
            font-size: 20px;
            line-height: 90px;
            
        }
        .menu li:hover{
            color: #ec3833;
        }
        .box1{
            float: right;
        }
        .login{
           
            margin-top: 25px;
           text-align: center;
           line-height: 40px;
            width: 96px;
            letter-spacing: 1px;
            height: 40px;
            border-radius: 20px;
            border: 1px solid #FAD65C;
            color: #ceae5d;
            font-weight: bold;
            background-color: #fff;
            
        }
        .login:hover{
            background-color: #FAD65C;
            color: rgb(243, 240, 240);
        }
        .kt{
            width: 136px;
            height: 40px;
            border-radius: 20px;
            background-color: #FAD65C;
            color: #7A4702;
            letter-spacing: 1px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <div class="box">
        <div class="container">
        <img src="//i.gtimg.cn/vipstyle/vipportal/v4/img/common/logo.png" alt="QQ会员">
        
        <ul class="menu">
            <li>靓号站</li>
            <li>功能特权</li>
            <li>游戏特权</li>
            <li>装扮特权</li>
            <li>船长体系</li>
            <li>年费专权</li>
            <li>免流量特权</li>
        </ul>
        <div class="box1">
            <button class="login">登录</button>
            <button class="kt">开通超级会员</button>
        </div>
    </div></div>
</body>
</html>